<template>
    <div id="addProvider">
        <table>
            <tr>
                <td>线路编号</td>
                <td><el-input v-model="provider.providerName"></el-input></td>
                <td>线路名称</td>
                <td><el-input v-model="provider.providerName"></el-input></td>
            </tr>
            <br>
            <tr>
                <td>车牌号</td>
                <td><el-input v-model="provider.providerName"></el-input></td>
                <td>司机</td>
                <td><el-input v-model="provider.providerName"></el-input></td>
            </tr>
            <br>
            <tr>

                <td>送货员</td>
                <td><el-select v-model="provider.providerTypeId" placeholder="类别">
                        <el-option label="小李" value="shanghai"></el-option>
                        <el-option label="小王" value="beijing"></el-option>
                    </el-select></td>
                <td>车辆类型</td>
                <td><el-input v-model="provider.providerName"></el-input></td>
            </tr>
            <br>
            <tr>
                <td>载重</td>
                <td><el-input v-model="provider.providerName"></el-input></td>
                <td>备注</td>
                <td><el-input v-model="provider.providerName"></el-input></td>
            </tr>
            <br>
            <tr>
                <td>默认线路</td>
                <td><input type="checkbox">是否设为默认</td>

            </tr>
            <br>

            <br>
        </table>

    </div>
</template>

<script>
export default {
    name: 'AddProvider',
    data() {
        return {
            provider: {
                providerCode: '',
                providerName: '',
                providerTypeId: '',
                shouldPay: '',
                wishPay: '',
                employeeId: '',
                areaCode: '',
                contactAddress: '',
                bankName: '',
                bankAccount: '',
                delId: '',
                isWuliu: '',
                remark: ''
            },
            contactList: [
                {
                    contactName: 'test1',
                    mobile: '13878594678',
                    email: '2222@qq.com',
                    contactAddress: 'test1'
                }
            ]
        }
    },
}
</script>

<style scoped>
#addProvider {
    width: 100%;
    height: 450px;

    /* background-color: pink; */
}

#contact {
    width: 90%;
    margin: auto;
    border-collapse: collapse;
    color: #707276;
}

#contact th,
#contact td {
    border: 1px #c0c4cc solid;
    height: 35px;
    min-width: 30px;
}

p {
    color: #4b4a4a;
    font-size: 18px;

}

.el-input {
    width: 240px;
}

table td :not([id=contact]) {
    text-align: left;
    padding-right: 10px;
    /* padding-top: 10px;
    padding-bottom: 10px; */
}

td:nth-child(odd) {
    text-align: center;
    padding-right: 10px;
}
</style>